.page-full-home{
  background: #f5f5f5;  
  padding: 88px 0 0;
  .top-header-right{
    .c_msg{//首页消息
      display: inline-block;
      width: 100px;
      height: 88px;
      background: url(../../../static/image/index/i_msg.png) no-repeat center/46px 36px;
      position: relative;
      i{
        display:flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        color: #fff;
        font-style: normal;
        background: #E74949;
        min-width: 26px;
        height: 26px;
        padding: 0 5px;
        position: absolute;
        top:15px;
        right: 20px; 
        border-radius: 13px;
      }
    }
  }
  // 轮播
  .banner_wrapper{
    width: 100%;
    height: 330px;
    overflow: hidden;
    position: relative;
    .vux-swiper{
      width: 100%;
      height: 100%!important;
      .vux-swiper-desc{
        display: none;
      }
    }
  }
  .banner-icons.vux-indicator{
    position: absolute;
    bottom: 54px;
    font-size: 0;
    >a{
      .vux-icon-dot{
        display: inline-block;
        width: 22px;
        height: 6px;
        background: rgba(255,255,255,.4);
        margin: 5px;
        &.active{
          background: rgba(255,255,255,1);
        }
      }
    }
    
  }

  // 产品导航
  .nav_wrapper{
    margin:0 30px;
    background: @whiteC;
    box-shadow:0 4px 8px 0 rgba(171, 171, 171, 0.35);
    border-radius:10px;
    position: relative;
    top: -40px;
    display: flex;
    flex-flow: row wrap;
    padding: 30px 0 5px 0;
    li{
      width: 25%;
      text-align: center;
      font-size: 0;
      margin-bottom: 25px;
      dt{
        width: 102px;
        height: 102px;
        margin: 0 auto;
        position: relative;
        .icon{
          .radius(50%);
        }
        .sign{
          width: 48px;
          height: 27px;
          position: absolute;
          right: -5px;
          top: 0;
          z-index: 10;
        }
      }
      dd{
        font-size: 26px;
      }
    }
  }


  // 今日运势
  .today_luck_wrapper{
    background: @whiteC;
    padding: 0 30px 25px;
    margin-top: -20px;
    .c_time{
      display: flex;
      font-size: 28px;
      align-items: center;
      i{
        display: inline-block;
        flex:0 0 27px;
        height: 28px;
        background: url(../../../static/image/index//i_calendar.png) no-repeat center/100% 100%;
        margin-right: 10px;
      }
    }

    .c_poit{
      margin: 50px 0;
    }

    .c_pro{
      display: flex;
      li{
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        font-weight: 500;
        color: #333232;
        position: relative;
        &::after{
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 1px;/*no*/
          height:23px;
          background:#E6E6E6;
          content: '';
        }
        &:last-child{
          &::after{
            display: none;
          }
        }
        .icon{
          width: 50px;
          height: 50px;
          margin-right: 20px;
        }
      }
    }
  }

  // 热门问题
  .hot_qus_wrapper{
    background: @whiteC;
    margin-top: 20px;
    padding: 0 0 35px 20px;
    .hot_scroll_wrapper{
      .scroll_list{
        height: 246px;
        width: 100%;
        display: flex;
        overflow-x: scroll;
        li.scroll-item{
          flex:0 0 478px;
          height: 246px;
          margin-right: 20px;
          border:1px solid @borderC;/*no*/
          .radius(10px);
          overflow: hidden;
          .img{
            width: 100%;
            height: 156px;
            object-fit: cover;
          }
          p{
            height: 90px;
            line-height: 90px;
            padding: 0 20px;
            white-space:nowrap;/*强制文本在一行内显示*/
            text-overflow: ellipsis;
            overflow: hidden;
          }
        }
      }
     
    }
  }

  // 热门产品
  .hot_pro_wrapper {
    background: @whiteC;
    margin-top: 20px;
    padding: 0 30px 25px;
    .pro_content{
      display: flex;
      justify-content: space-between;
      .product {
        width: 29%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .pro_img {
          width: 100%;
          height: 150px;
        }
        .pro_title {
          margin-top: 20px;
          color: #383838;
          font-size: 28px;
          font-weight:500;
        }
      }
    }
  }
  // 开运宝典
  .luck_book_wrapper{
    background: @whiteC;
    margin-top: 20px;
    padding: 0 30px;
    ul{
      li{
        display: flex;
        // align-items: center;
        padding: .3rem 0;
        &:not(:last-child){
          border-bottom: 1px solid @borderC;
        }
      }
      .c_img{
        flex:0 0 124px;
        height: 124px;
        margin-right: .3rem;
        img{
          object-fit: cover;
        }
      }
      .c_info{
        flex: 1;
        .tt{
          display: flex;
          align-items: center;
          p{
            flex: 1;
            width: 0;
            margin-right: 30px;
            .fs(30px);
            .color(37px);
          }
          span{
            .fs(24px);
            color:@grayBFC;
          }
        }
        .des{
          .fs(26px);
          .color(#999);
          // .fontHideMore(2);
        }
      }
    }
  }

  .no-data {
    padding-top: 20px;
    text-align: center;
    .fs(30px);
    color: #BFBFBF;
  }

}